$(function () {
    //注册人数
     // 基于准备好的dom，初始化echarts实例
     var myChart1 = echarts.init(document.getElementById('person'));

     // 指定图表的配置项和数据
     var option1 = {
         title: {
             text: '2019年注册人数'
         },
         tooltip: {},
         legend: {
             data:['人数'] //图例表示的是某项数据，要和数据名称一致
         },
         xAxis: {
             data: ["一月","二月","三月","四月","五月","六月"]
         },
         yAxis: {},
         series: [{
             name: '人数',
             type: 'line',
             data: [5, 20, 36, 10, 10, 20]
         }]
     };

     // 使用刚指定的配置项和数据显示图表。
    myChart1.setOption(option1);
    

     //品牌可视化
     // 基于准备好的dom，初始化echarts实例
     var myChart2 = echarts.init(document.getElementById('number'));

     // 指定图表的配置项和数据
     var option2  = {
        title : {
            text: '2019热销品牌',
            subtext: '可能是真的',
             x: 'center',
             textStyle: {
                 color: 'red'
             }
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} -- {b} :: {c} - ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['阿迪','耐克','老北京','安踏','李宁']
        },
        series : [
            {
                name: '热销品牌',
                type: 'pie',
                //圆的半径 
                radius: '55%',
                // 圆心的位置
                center: ['50%', '50%'],
                data:[
                    {value:335, name:'阿迪'},
                    {value:310, name:'耐克'},
                    {value:234, name:'老北京'},
                    {value:135, name:'安踏'},
                    {value:1548, name:'李宁'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 100,
                        shadowOffsetX: 0,
                        shadowColor: 'yellow'
                    }
                }
            }
        ]
    };

     // 使用刚指定的配置项和数据显示图表。
     myChart2.setOption(option2);
});